<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	template="plantillas/disenio_comun.xhtml">

	<!-- This methods defined in head HTML tag -->
	<ui:define name="head">
	
		<!-- Stylesheets import. 
		<h:outputStylesheet name="home.css" library="css" />
		-->

	</ui:define>

	<ui:define name="contenido">
	
		<h:form id="FormularioRegistrarTaller">
		<p:growl id="growl" showDetail="true" />
			<div>			
				<table border="0" cellpadding="5" cellspacing="0"  bgcolor="#EEEEEE">
					
					<tr>				 
				    	<td colspan="4" align="center">
				    		<h2 align="center"><h:outputText value="Actualizar Talleres"/></h2>

				    	</td>
					</tr>
					<p:messages  id="response" globalOnly="true" showDetail="true" autoUpdate="false" closable="true" />
								
				  	<tr>
				  		<td colspan="2" style="vertical-align:text-top;">
											<p:panelGrid id="tablaDatosTaller" columns="3" style="text-align:left;font-size: 90%"  >											
											<f:facet name="header">  
										        Datos del Taller 
										    </f:facet>
										    
<!-- 										    rendered="false"  -->
																					
										    <h:outputLabel for="codigoTaller" value="Código:"  rendered="true"/>
											<p:inputText id="codigoTaller" value="#{controladorTaller.tallerSelected.codigo}" readonly="true"   size="10" />											     
							    			<h:outputText value=" "/>
							    			
							    			<h:outputLabel for="nombreTaller" value="Nombre:" />
							    			<p:inputText id="nombreTaller" value="#{controladorTaller.tallerSelected.nombre}"  size="60" required="true" requiredMessage="Campo requerido."/>
							    			<p:message for="nombreTaller"  /> 								    		
							    			
							    			
							    			<h:outputLabel for="unidadEjecutora" value="Unidad Ejecutora:" />
							    			<p:selectOneMenu id="unidadEjecutora" value="#{controladorTaller.tallerSelected.id_unidad}" required="true" requiredMessage="Campo requerido.">
									            <f:selectItem itemLabel="- Selecciona -" itemValue="" />
									            <f:selectItem itemLabel="Sede Central" itemValue="024" />
									            <f:selectItem itemLabel="Programa Educación Básica para Todos" itemValue="026" />
									            <f:selectItem itemLabel="Programa Nacional de Infraestructura Educativa" itemValue="108" />
									            <f:selectItem itemLabel="Programa Nacional de Movilización por la Alfabetización" itemValue="109" />
									            <f:selectItem itemLabel="Programa Nacional de Formación y Capacitación Docente" itemValue="112" />
									            <f:selectItem itemLabel="Aprolab II" itemValue="113" />
									            <f:selectItem itemLabel="Programa Nacional de Becas y Créditos Educativo" itemValue="117" />
									        </p:selectOneMenu>	
							    			<p:message for="unidadEjecutora"  /> 
							    								    			
										 	<h:outputLabel for="metaProgramada" value="Meta Programada:" />
											<p:inputText id="metaProgramada" value="#{controladorTaller.tallerSelected.meta_programada}" size="15" 
												required="true" requiredMessage="Campo requerido." maxlength="6"/>	
							    			<p:message for="metaProgramada"  /> 
										    
										    <h:outputLabel for="FechaInicio" value="Fecha Inicio Propuesta:" />
										    <p:calendar id="popupFechaInicio" value="#{controladorTaller.fechaInicio}"  showOn="button" 
										    	pattern="dd/MM/yyyy"  /> 
										    <p:message for="popupFechaInicio"  /> 
										    
										    	
										    <h:outputLabel for="FechaFin" value="Fecha Fin Taller:" />
										    <p:calendar id="popupFechaFin" value="#{controladorTaller.fechaFin}"  showOn="button" 
										    	pattern="dd/MM/yyyy"  /> 
										    <p:message for="popupFechaFin"  /> 
										    
										    
										    
										    <h:outputLabel for="anioTaller" value="Año:" />
											<p:inputText id="anioTaller" value="#{controladorTaller.tallerSelected.anio_actividad}" size="15" 
											required="true"  requiredMessage="Campo requerido." maxlength="4" validatorMessage="4 caracteres.">
												<f:validateLength maximum="4"  minimum="4"/>
											</p:inputText>
							    			<p:message for="anioTaller"  />  	
							    			
							    			<h:outputLabel for="cantidadHoras" value="Cantidad de Horas:" />
											<p:inputText id="cantidadHoras" value="#{controladorTaller.tallerSelected.horas_actividad}" size="15" maxlength="5"/>	
							    			<h:outputText value=" "/> 	
							    			
							    			<h:outputLabel for="cantidadSesiones" value="Cantidad de Sesiones:" />
											<p:inputText id="cantidadSesiones" value="#{controladorTaller.tallerSelected.numero_sesiones}" size="15" maxlength="3"/>	
							    			<h:outputText value=" "/> 	
							    			
							    			<h:outputLabel for="comentariosTaller" value="Comentarios:" />
											<p:inputTextarea rows="5" cols="50" value="#{controladorTaller.tallerSelected.descripcion}" counter="display" maxlength="250" counterTemplate="{0} characters remaining." autoResize="false" />
    										<h:outputText id="display" />
							    				
							
											<f:facet name="footer">
								            	<p:commandButton  
								            	update=":FormularioRegistrarTaller,:FormularioRegistrarTaller:tablaTalleres, :FormularioRegistrarTaller:tablaDatosTaller" 
								            	value="Guardar" icon="ui-icon-check"   actionListener="#{controladorTaller.registrarTaller}" title="Registrar datos de taller."/>
								            	<h:outputText value=" "/>
								            	<p:commandButton  update=":FormularioRegistrarTaller" actionListener="#{controladorTaller.resetForm}"
								            		value="Limpiar" icon="ui-icon-refresh"  title="Registrar datos de taller."  process="@this" />
								            	<h:outputText value=" "/>
								            	  							
			    							</f:facet> 
										 
							    			
							    			</p:panelGrid>
						</td>
						
				    	<td colspan="2" align="center" style="vertical-align:text-top;">		
				    		
				        				<p:dataTable id="tablaTalleres" var="taller" 
									    		value="#{controladorTaller.talleres}"						    		
									    		paginator="true" rows="10"  
			                					paginatorTemplate="{FirstPageLink} {PageLinks} {LastPageLink}"
			                					widgetVar="tablaTaller"   
									            emptyMessage="Ningún taller se encontro con con el criterio dado"
									            tableStyle="width:700px;font-size: 90%" >  
									  				
									  		<f:facet name="header">  
										        Talleres disponibles
										    </f:facet>
										    
										     <p:column id="columnaNombreTaller" filterBy="#{taller.nombre}"   
									        		sortBy="#{taller.nombre}"
									                headerText="Nombre" filterMatchMode="contains" style="text-align:left">						             
									            <h:outputText value="#{taller.codigo} - #{taller.nombre}" />
									            <p:watermark forElement="FormularioRegistrarTaller:tablaTalleres:columnaNombreTaller" value="Buscar..." />  
									        </p:column> 
									        
									        <p:column id="columnaFechaInicio" filterBy="#{taller.strFechaInicio}"   
									        		sortBy="#{taller.strFechaInicio}"
									                headerText="Fecha de Inicio" filterMatchMode="contains" style="text-align:left">						             
									            <h:outputText value="#{taller.strFechaInicio}" />
									            <p:watermark forElement="FormularioRegistrarTaller:tablaTalleres:columnaFechaInicio" value="Buscar..." />  
									        </p:column> 
									         <p:column id="columnaFechaFin" filterBy="#{taller.strFechaFin}"   
									        		sortBy="#{taller.strFechaFin}"
									                headerText="Fecha de Fin" filterMatchMode="contains" style="text-align:left">						             
									            <h:outputText value="#{taller.strFechaFin}" />
									            <p:watermark forElement="FormularioRegistrarTaller:tablaTalleres:columnaFechaFin" value="Buscar..." />  
									        </p:column> 
									        
									        <p:column headerText="" style="width:70px">  
								                 <p:commandButton id="seleccionar" update=":FormularioRegistrarTaller" icon="ui-icon-pencil" 
								                 process="@this" style="font-size: 80%" title="Seleccionar el taller">  
								                 	  <f:setPropertyActionListener value="#{taller.id_taller}" target="#{controladorTaller.loadTaller}" />
								                 </p:commandButton>
								                 
								                  <p:commandButton  icon="ui-icon-close" style="font-size: 80%" title="Eliminar el taller"  
								                  	oncomplete="confimacion.show()"   process="@this"    update=":FormularioRegistrarTaller:confirmationMessage"   >  
								                   		<f:setPropertyActionListener value="#{taller.id_taller}" target="#{controladorTaller.tallerSelected.id_taller}" />
								                 </p:commandButton>
								                 
								                 
								             
									        </p:column> 

									    </p:dataTable>
									    
									    
									   
									  
								
						</td>
						
				  	</tr>

				</table>
			</div>
			
			
			<pe:keyFilter for="metaProgramada" mask="num"/>  
			<pe:keyFilter for="anioTaller" mask="num"/>
			<pe:keyFilter for="cantidadHoras" mask="num"/>
			<pe:keyFilter for="cantidadSesiones" mask="num"/>
			
			
			
			
			   <p:confirmDialog id="confirmationMessage" message="Está seguro de eliminar el taller seleccionado.?"  
									                showEffect="bounce" hideEffect="explode"  
									                header="Confirmación de Usuario" severity="alert" widgetVar="confimacion">  
									                
					                			         
						<p:commandButton value="OK" id="eliminar" update=":FormularioRegistrarTaller" 
							oncomplete="confimacion.hide()"	 process="@this" actionListener="#{controladorTaller.eliminarTaller}" />
							
						<p:commandButton value="Cancelar" onclick="confimacion.hide()" type="button" />   
									                  
			   </p:confirmDialog>  
    
		</h:form>
		
		
		
		

	</ui:define>
</ui:composition>